<!DOCTYPE html>
<link rel="match" href="../expected/color-hwb-ref.html" />
<style>
    div {
        width: 200px;
        height: 20px;
    }
    #d1 { background-color: hwb(100 40% 60%); }
    #d2 { background-color: hwb(120 50% 0% / 0.5); }
    #d3 { background-color: hwb(120 50% 0% / 0.5); }
    #d4 { background-color: hwb(none none none / none); }
    #d5 { background-color: hwb(none 50% 0% / 50%); }
    #d6 { background-color: hwb(120 none 0% / 60%); }
    #d7 { background-color: hwb(120 50% none / 50%); }
    #d8 { background-color: hwb(120 50% 0% / none); }
</style>
<div id="d1">1</div>
<div id="d2">2</div>
<div id="d3">3</div>
<div id="d4">4</div>
<div id="d5">5</div>
<div id="d6">6</div>
<div id="d7">7</div>
<div id="d8">8</div>
